﻿<UserControl x:Class="RemoteTranslator.AssistentApplication.Plugins.RemoteTranslatorAssistentUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:controls="clr-namespace:YasharEl.Infrastructure.Presentation.WPF.Controls;assembly=YasharEl.Infrastructure.Presentation.WPF"
             xmlns:mvvm="clr-namespace:YasharEl.Infrastructure.PresentationModel.MVVM;assembly=YasharEl.Infrastructure.PresentationModel"
             xmlns:views="clr-namespace:RemoteTranslator.AssistentApplication.Plugins.Views"
             xmlns:viewModels="clr-namespace:RemoteTranslator.AssistentApplication.Plugins.ViewModels"
             mvvm:ViewModelLocator.NonSharedViewModel="MainViewModel"
             mc:Ignorable="d"
             d:DesignHeight="600" d:DesignWidth="800">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/ResourceDictionary.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid Background="#ffdddddd" d:DataContext="{d:DesignInstance viewModels:MainViewModel}">
        <Grid.RowDefinitions>
            <RowDefinition Height="64.985"/>
            <RowDefinition Height="2"/>
            <RowDefinition/>
            <RowDefinition Height="35" />
        </Grid.RowDefinitions>
        <Grid Grid.Row="0" HorizontalAlignment="Stretch" AllowDrop="True" Background="SteelBlue">
            <controls:FishEyePanel MinWidth="250"  Width="250" Height="40" Magnification="3" HorizontalAlignment="Right">
                <Button Tag="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/Connect.png" 
                            Style="{StaticResource SimpleImageButtonStyle}" 
                            ToolTip="Connect To Team Talk Server" 
                            Command="{Binding Path=ConnectCommand}"
                            Width="25" Height="25" Margin="5" />
                <Button Tag="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/Connect.png" 
                            Style="{StaticResource SimpleImageButtonStyle}" 
                            ToolTip="Disconnect From Team Talk Server" 
                            Command="{Binding Path=DisconnectCommand}"
                            Width="25" Height="25" Margin="5" />
                <Button Tag="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/VoiceSettings.png" 
                            Style="{StaticResource SimpleImageButtonStyle}" 
                            ToolTip="Connect To Team Talk" 
                            Width="25" Height="25" Margin="5" />
                <Button Tag="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/SoundSettings.png" 
                            Style="{StaticResource SimpleImageButtonStyle}" 
                            ToolTip="Connect To Team Talk" 
                            Width="25" Height="25" Margin="5" />
                <Button Tag="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/Settings.png" 
                            Style="{StaticResource SimpleImageButtonStyle}" 
                            ToolTip="Connect To Team Talk" 
                            Width="25" Height="25" Margin="5" />
                <Button Tag="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/Help.png" 
                            Style="{StaticResource SimpleImageButtonStyle}" 
                            ToolTip="Connect To Team Talk" 
                            Width="25" Height="25" Margin="5" />
                <Button Tag="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/Help.png" 
                            Style="{StaticResource SimpleImageButtonStyle}" 
                            ToolTip="Connect To Team Talk" 
                            Width="25" Height="25" Margin="5" />
            </controls:FishEyePanel>
            <StackPanel Orientation="Horizontal">
                <Image 
                    Source="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/RT_Assistent.png" 
                    Width="48" Height="48" Margin="10" 
                    VerticalAlignment="Center" >
                    <Image.Effect>
                        <DropShadowEffect ShadowDepth="0" BlurRadius="12" Color="Black"/>
                    </Image.Effect>
                </Image>
                <Label Content="Remote Translator Assistent" 
                       FontFamily="Verdana" FontSize="26.667" 
        	           FontWeight="Bold" Foreground="#FFDDDDDD" 
                       VerticalContentAlignment="Center" HorizontalAlignment="Left">
                    <Label.Effect>
                        <DropShadowEffect ShadowDepth="0" BlurRadius="12" Color="Black"/>
                    </Label.Effect>
                </Label>
            </StackPanel>
        </Grid>
        <Grid Grid.Row="1" Background="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
        <Grid Grid.Row="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.3*" />
                <ColumnDefinition Width="5" />
                <ColumnDefinition Width="0.6*" />
            </Grid.ColumnDefinitions>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="0.8*"/>
                    <RowDefinition Height="2"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <views:HeadphonesScreen Grid.Row="0" DataContext="{Binding Path=HeadphonesScreenViewModel}" IsEnabled="{Binding Path=IsConnected}" />
                <GridSplitter Grid.Row="1"></GridSplitter>
                <views:MicrophoneScreen Grid.Row="2" DataContext="{Binding Path=MicrophoneScreenViewModel}" IsEnabled="{Binding Path=IsConnected}" />
            </Grid>
            <GridSplitter 
                Grid.Column="1" 
                HorizontalAlignment="Stretch"
                VerticalAlignment="Stretch" Height="Auto" Width="Auto"></GridSplitter>
            <views:VideoScreen Grid.Column="2" 
                               DataContext="{Binding Path=VideoScreenViewModel}" 
                               IsEnabled="{Binding Path=IsConnected}" />
        </Grid>
        <StatusBar Grid.Row="3" Background="SteelBlue">
            <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
                <Image Source="pack://application:,,,/RemoteTranslator.AssistentApplication.Plugins;component/Resources/Infos.png" Stretch="None" Margin="2,4,0,0" />
                <Label Content="{Binding ServerStatus}" VerticalAlignment="Center" Margin="0,0,0,0"  />
            </StackPanel>
        </StatusBar>
    </Grid>
</UserControl>
